@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
body {
    background-image: url(../images/index.gif);
    background-size:100%;
    background-position:center top;
    background-repeat: no-repeat;
    
    font-family:'Nanum Gothic',sans-serif;
	text-align: center;
	color:#ffffff;
    
    animation:mymove 18s infinite;
	/*Safari and Chrome:*/
	-webkit-animation:mymove 18s infinite;
}

@keyframes mymove
{
	50% {background-size:105%;}
}
/*Safari and Chrome:*/
@-webkit-keyframes mymove
{
	50% {background-size:105%;}
}
#bodyWrapper{
	position: absolute;
	width:98%;
	height:98%;
}

#header{
	margin-top:18%;
}
.content{
	
}

h3{
	opacity: 0.70;
	font-size: 16.5pt;
	font-weight:100;
	margin-bottom:60px;
}

#id, #password{
	background-color: transparent;
	border:none;
	border-bottom:1px solid #ffffff;
	font-size: 11pt;
	font-weight:100;
	color:#ffffff;
	margin-bottom:40px;
	opacity:0.9;
}

#password{
	margin-bottom:30px;
}

#buttonWrapper{
	margin-top: 20px;
	font-size: 11pt;
}

.button{
	
	font-weight:100;
	margin: 25px;
	
}

a, a:link, a:visited{
	color:#ffffff;
	opacity: 0.85;	
	text-decoration: none;
	font-weight:100;
}
a:hover{
	color:#9a9a9a;
}


#footer{
	margin-top: 15%
}

#copyright{
	opacity: 0.85;	
	font-weight:100;
}

#message{
	visibility: hidden;
	opacity:0.7;
}
